var menu_text=document.getElementsByClassName('menu-text')[0]
var user_text=document.getElementsByClassName('user-text')[0]
var favorites_text=document.getElementsByClassName('favorites-text')[0]
var notification_list=document.getElementsByClassName('notification-list')[0]
var notification_list2=document.getElementsByClassName('notification-list2')[0]
var menu_icon=document.getElementsByClassName('menu-icon')[0]
var user_icon=document.getElementsByClassName('user-icon')[0]
var favorites_icon=document.getElementsByClassName('favorites-icon')[0]
var none=document.getElementsByClassName('none')[0]
// menu_text.addEventListener('click',()=>{
//
//     notification_list.style.display='block'
//     notification_list2.style.display='none'
//     none.style.display='none'
//     menu_text.style.color='#ff9606'
//     menu_icon.style.color='#ff9606'
//     user_text.style.color='#495057'
//     user_icon.style.color='#495057'
//     favorites_text.style.color='#495057'
//     favorites_icon.style.color='#495057'
// })
// user_text.addEventListener('click',()=>{
//
//     notification_list.style.display='none'
//     notification_list2.style.display='block'
//     none.style.display='none'
//     user_text.style.color='#3487FF'
//     user_icon.style.color='#3487FF'
//     menu_text.style.color='#495057'
//     menu_icon.style.color='#495057'
//     favorites_text.style.color='#495057'
//     favorites_icon.style.color='#495057'
// })
// favorites_text.addEventListener('click',()=>{
//
//     notification_list.style.display='none'
//     notification_list2.style.display='none'
//     none.style.display='flex'
//     favorites_text.style.color='red'
//     favorites_icon.style.color='red'
//     menu_text.style.color='#495057'
//     menu_icon.style.color='#495057'
//     user_text.style.color='#495057'
//     user_icon.style.color='#495057'
// })
window.addEventListener('scroll', function () {
    // 获取滚动的距离
    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;

    // 当滚动距离大于某个值时，显示隐藏的导航栏
    if (scrollTop > 10) {
        document.querySelector('.header2').style.top = '0vh';
        document.querySelector('.header1').style.top = '-10vh';
    } else {
        // 否则，隐藏导航栏
        document.querySelector('.header2').style.top = '-10vh';
        document.querySelector('.header1').style.top = '0vh';
    }
});


const top_story_content_footer_button_shares=document.getElementsByClassName('top-story-content-footer-button-share')

const share_outers=document.getElementsByClassName('share-outer')

for(let i=0;i<top_story_content_footer_button_shares.length;i++) {

    top_story_content_footer_button_shares[i].addEventListener('click', () => {
        share_outers[i].style.height = '50px'
        console.log(1)
    })
}
